window.onload = function() {
    // 获取窗口的初始宽度
    var initialWindowWidth = window.innerWidth;
    // 获取 <body> 元素
    var body = document.body;
    // 设置 <body> 元素的宽度为窗口的宽度
    //body.style.width = initialWindowWidth + "px";
    console.log("打开页面时的窗口宽度:", initialWindowWidth);
  };
    
  // 获取页面顶部的元素
  const topBtn = document.getElementById("scrollToTopBtn");
  
  // 监听滚动事件
  window.onscroll = function() {
    scrollFunction();
  };
  
  // 当用户向下滚动超过一定距离时显示按钮
  function scrollFunction() {
    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
      topBtn.style.display = "block";
    } else {
      topBtn.style.display = "none";
    }
  }
  
  // 点击按钮时滚动到页面顶部
  topBtn.onclick = function() {
    // 使用window.scrollTo方法平滑滚动到页面顶部
    window.scrollTo({
      top: 0,
      behavior: 'smooth'
    });
  };
  



var titles=document.getElementsByClassName("title")
var pages = document.getElementsByClassName("page")

titles[0].style.color="red";

for(let i = 0 ;  i  <pages.length;i++ )
{
    pages[i].style.display="none";
}
pages[0].style.display = "";






function updata(index)
{

    for(let i = 0 ; i < titles.length;i++)
    {
        titles[i].style.color="";
        pages[i].style.display="none";

    }

    titles[index].style.color="red";
    pages[index].style.display="";


}




titles[0].onclick=function(){updata(0);};
titles[1].onclick=function(){updata(1);};
titles[2].onclick=function(){updata(2);};
titles[3].onclick=function(){updata(3);};



var fixed2 = document.getElementById("fixed2")
var fixed = document.getElementById("fixed");
var out = document.getElementById("out")



fixed2.addEventListener('click', function() {
  // 清除之前的动画设置
  fixed.style.animation = 'none';
  // 延迟一小段时间后重新设置动画，以确保动画可以重新开始
  setTimeout(() => {
     fixed.style.animation = "huadong 1s ease-in 0s 1 normal forwards";
   }, 0);
});


out.addEventListener('click', function() {
  // 清除之前的动画设置
  fixed.style.animation = 'none';
  // 延迟一小段时间后重新设置动画，以确保动画可以重新开始
  setTimeout(() => {
     fixed.style.animation = "huadong 1s ease-in 0s 1 reverse forwards";
   }, 0);
});


